<template>
	<view>
		<view class="row j-centert f-column a-center" :style="{'padding-top':top+'rpx'}">
			<image :src="imgUrl+'/singleSaleShopH5/img/empty/list.png'"  class="emptyImg" v-if="empty == 'list'"></image>
			<image :src="imgUrl+'/singleSaleShopH5/img/empty/address.png'"  class="emptyImg" v-if="empty == 'address'"></image>
			<image :src="imgUrl+'/singleSaleShopH5/img/empty/car.png'"  class="emptyImg" v-if="empty == 'car'"></image>
			<image :src="imgUrl+'/singleSaleShopH5/img/empty/coupon.png'"  class="emptyImg" v-if="empty == 'coupon'"></image>
			<image :src="imgUrl+'/singleSaleShopH5/img/empty/history.png'"  class="emptyImg" v-if="empty == 'history'"></image>
			<image :src="imgUrl+'/singleSaleShopH5/img/empty/message.png'"  class="emptyImg" v-if="empty == 'message'"></image>
			<image :src="imgUrl+'/singleSaleShopH5/img/empty/news.png'"  class="emptyImg" v-if="empty == 'news'"></image>
			<image :src="imgUrl+'/singleSaleShopH5/img/empty/order.png'"  class="emptyImg" v-if="empty == 'order'"></image>
			<image :src="imgUrl+'/singleSaleShopH5/img/empty/search.png'"  class="emptyImg" v-if="empty == 'search'"></image>
			<image :src="imgUrl+'/singleSaleShopH5/img/empty/comment.png'"  class="emptyImg" v-if="empty == 'comment'"></image>
			<text class="size26 color_cc m-top20">{{title}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		name:"empty",
		props:{
			empty:{
				type:String,
				default:'list'
			},
			title:{
				type:String,
				default:''
			},
			top:{
				type:Number,
				default:100
			}
		},
		data() {
			return {
				imgUrl:this.imgUrl,
			};
		}
	}
</script>

<style lang="scss" scoped>
	.emptyImg{
		width:300rpx;
		height: 300rpx;
	}
</style>
